@charset "utf-8";
/******************************************************

 概况：样式表入口文件
 
 ******************************************************/

/* 全局 */
@import 'main.css';

/* 公共 */
@import 'public.css';

/* 头部 */
@import 'header.css';

/* 底部 */
@import 'footer.css';
.banner{width: 100%; height: 500px; margin: 0 auto; background: url(../images/case/banner.jpg) no-repeat center; position: relative;}
.banner .case_text{position: absolute; top: 0; right: 50%; margin-right: -500px;}
.banner .case_text h3{margin: 40px 0 20px 0; text-align: center; color: white; font-size: 18px;}
.banner .case_text .rec{overflow: hidden; margin: 20px 0; width: 530px; position: relative; padding-bottom: 8px;}
.banner .case_text .rec img{float: left; width: 70px; height: 70px; border-radius: 100%; margin-right: 30px;}
.banner .case_text .rec p{float: left; color: white; line-height: 24px; width: 430px; overflow: hidden;}
.banner .case_text .rec p.name{padding-left: 20px; width: 200px;}
.banner .case_text .rec i{ width: 195px; height: 30px;position: absolute;top:48px; left:100px; background: url(../images/case/case_icon03.png) no-repeat;}
.banner .case_text button{width: 196px; height: 48px; color: white; border: none; font-size: 18px; background: #ff793e; cursor: pointer; border-radius: 5px;}

.main_bg{ margin: 0 auto; background: url(../images/case/main_bg.png) no-repeat;}

.main{width: 1200px; margin:0 auto; padding-top: 60px;}
.main:after{content: ""; display: block; clear: both;}
.main .left{float: left;width: 360px;margin-right: 30px;}
.main .right{float: right;width: 810px;}

.main .left h2{font-size: 36px; color: #333333; margin: 0 0 20px 25px;}
.main .left ul li{overflow: hidden;/* text-overflow: ellipsis; *//* white-space: nowrap; */ padding-left: 25px; position: relative;}
.main .left ul li a{font-size: 16px; line-height: 36px; color: #333333;}
.main .left ul li.show a{color: #f2a40d;}
.main .left ul li.show:before{content: "";position: absolute; top: 10px; left:0; width: 16px; height: 16px; background: url(../images/case/case_icon.png) no-repeat;}
/*************************************/
.main .right .a_img{width: 820px;background-color: #f5f5f5; border-radius: 8px; padding: 16px; position: relative;overflow:hidden;}
.main .right .a_img a img{width: 273px; }
.main .right .a_img h2{float: left; text-decoration: underline;width: 381px; overflow: hidden; margin: 10px 0 20px 0;}
.main .right .a_img h2 a{ font-size: 20px; font-weight: 600; color: #333333;}
.main .right .a_img>p{float: left;width: 380px; color: #666666;}
.main .right .a_img .date{width: 100px; height: 92px; background: url(../images/case/date_icon.png) no-repeat; position: relative;}
.main .right .a_img .date .month{top:18px; left:14px; color: rgba(255,255,255,0.7); font-size: 12px;position: absolute;}
.main .right .a_img .date .day{ text-align: center; font-size: 30px; color: #5b140d; margin-top: 45px; font-weight: bold;}
.main .right .a_img .jiao{position: absolute; bottom: -26px; left: 110px; width: 48px; height: 26px; background: url(../images/case/case_icon02.png) no-repeat;}
.jiao{width: 48px; height: 26px; background: url(../images/case/case_icon02.png) no-repeat; margin-left:80px;}
.main .right .l_img a img{float: left; margin-right: 25px;}
.main .right .l_img .date{float: right;}
.main .right .r_img a img{float: right; margin-right:0 ;}
.main .right .r_img .date{float: left; margin-right: 25px;}
/****/
.main .right .m_img{margin: 10px 20px 20px 20px; padding-bottom: 30px;}
.main .right .m_img .photos{ margin-bottom: 10px;}
.main .right .m_img .photos img{ width: 100px; height: 64px; margin-right: 10px;}
.main .right .m_img p{ color: #666666; line-height:27px; }




/******文章********/
article{  padding:40px 40px 30px 30px; float:right; border-radius:5px; min-height:600px;}
article header{ text-align:center;}
article h2{ font-size:20px; color:#666566; margin-bottom:10px;}
article ul{ display:inline-block; overflow:hidden; margin:0 auto;}
article ul li{ float:left; margin-right:20px; color:#666;}
article hr{ width:88%; border-top:none; margin-top:15px;}
article .wenzhan{ margin:30px 0 50px 0; font-size:15px;}
article .wenzhan img{ display:block; width:600px; margin:0 auto; margin-bottom:20px; margin-top:20px;}
article .wenzhan p{ line-height:24px; color:#333;}
/******返回列表*******/
article .retun{ overflow:hidden;}
article .retun input[type=button]{ width:114px; height:38px; background:#eb3900; border:none; outline:none; color:#fff; font-size:16px; float:left;}
article .retun input[type=button]:hover{ cursor:pointer;}
article .retun p{ margin:9px 0 0 20px; float:left;}
article .retun p a{ color:#666;}
article .retun p a:hover{ text-decoration:underline;}







